<div id="AppDetail">
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <div class="app-name">{{app.appName}}</div>
                <div class="app-wrap">
                    <div class="left">
                        <img lazy-src="{{imgApi+app.icon}}"   onerror="javascript:this.src='src/imgs/img-fail.png';" alt="图标" width="72" height="72">
                    </div>
                    <div class="right">
                        <div>
                            <stars ng-init="value=app.starNumber" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false' ng-if="starFlag"></stars>
                        </div>
                        <div><span>4.4分</span></div>
                        <div>
                            <i class="label" ng-class="{'1': 'label-danger', '0':'label-success'}[app.price?'1':'0']">{{app.price?"付费":"免费"}}</i>
                        </div>
                    </div>
                </div>
                <button class="btn btn-block btn-add2" ng-click="buyApp()">添加+</button>
                <div class="app-info">
                    <p><span class="text-muted">收藏人数：</span>{{app.collectionNumber}}人 <i>+ 收藏</i></p>
                    <p><span class="text-muted">分类:</span>{{app.appTypeName}}</p>
                    <p><span class="text-muted">适用对象：</span>不限</p>
                    <p><span class="text-muted">面向学段：</span>不限</p>
                    <p><span class="text-muted">面向学科：</span>不限</p>
                    <p><span class="text-muted">使用人数：</span>{{app.userNumber}}人</p>
                    <p><span class="text-muted">更新：</span>{{app.updateTime | limitTo:10}}</p>
                    <p><span class="text-muted">来自：</span>{{app.companyName}}</p>
                </div>
            </div>
            <div class="col-sm-9">
                <div class="app-name">
                    <span>应用简介</span>
                </div>
                <div class="app-remark">{{app.remark}}</div>
                <div lunbo my-id="{{app.id}}" ng-if="bannerFlag"></div>

                <div style="border-bottom:1px solid #ececec;margin-bottom:20px;">
                    <span style="font-size:24px;color:#2ab572;border-bottom: 1px solid #2ab572">相关推荐</span>
                </div>
                <ul class="list-unstyled row"  style="margin-bottom:45px;">
                    <li class="col-sm-2 col-lg-2 col-md-2" ng-repeat="app in AppsList | limitTo:6">
                        <a ui-sref="CloudPlatform.App.Detail({'id':app.id})">
                            <img lazy-src="{{imgApi+app.icon}}"  onerror="javascript:this.src='src/imgs/img-fail.png';" alt="图标" width="72" height="72"/>
                            <h3>{{app.appName}}</h3>
                        </a>
                    </li>
                </ul>
                评论：
                <stars rating-value="ratingVal" hover-value="hoverVal" max="max" on-hover="onHover" on-leave="onLeave"></stars>
                <textarea rows="5" ng-model="comment" maxlength="140"></textarea>
                <div class="text-right" style="margin-bottom:40px;">
                    <span>还能输入{{textNum}}字</span>
                    <input type="button" class="btn btn-success" ng-click="submit()" value="评论">
                </div>
                <tabset class="comment-list">
                    <tab heading="全部">
                        <div class="media" ng-repeat="item in CommentList">
                            <div class="media-left"><img src="src/imgs/user/avatar1.png" class="" alt="头像"></div>
                            <div class="media-body">
                                <div class="userName"></div>
                                <div class="app-star">
                                    <stars ng-init="value=item.star" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                </div>
                                <div class="comment">{{item.comment}}</div>
                                <div class="right">
                                    {{item.inputDate | date:'yyyy-MM-dd HH:mm:ss'}}
                                </div>
                            </div>
                        </div>
                    </tab>
                    <tab heading="好评">
                        <div class="media" ng-repeat="item in CommentList | filter:{star:4}">
                            <div class="media-left"><img src="src/imgs/user/avatar1.png" class="" alt="头像"></div>
                            <div class="media-body">
                                <div class="userName"></div>
                                <div class="app-star">
                                    <stars ng-init="value=item.star" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                </div>
                                <div class="comment">{{item.comment}}</div>
                                <div class="right">
                                    {{item.inputDate | date:'yyyy-MM-dd HH:mm:ss'}}
                                </div>
                            </div>
                        </div>
                        <div class="media" ng-repeat="item in CommentList | filter:{star:5}">
                            <div class="media-left"><img src="src/imgs/user/avatar1.png" class="" alt="头像"></div>
                            <div class="media-body">
                                <div class="userName"></div>
                                <div class="app-star">
                                    <stars ng-init="value=item.star" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                </div>
                                <div class="comment">{{item.comment}}</div>
                                <div class="right">
                                    {{item.inputDate | date:'yyyy-MM-dd HH:mm:ss'}}
                                </div>
                            </div>
                        </div>
                    </tab>
                    <tab heading="中评">
                        <div class="media" ng-repeat="item in CommentList | filter:{star:3}">
                            <div class="media-left"><img src="src/imgs/user/avatar1.png" class="" alt="头像"></div>
                            <div class="media-body">
                                <div class="userName"></div>
                                <div class="app-star">
                                    <stars ng-init="value=item.star" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                </div>
                                <div class="comment">{{item.comment}}</div>
                                <div class="right">
                                    {{item.inputDate | date:'yyyy-MM-dd HH:mm:ss'}}
                                </div>
                            </div>
                        </div>
                    </tab>
                    <tab heading="差评"><div class="media" ng-repeat="item in CommentList| filter:{star:2}">
                        <div class="media-left"><img src="src/imgs/user/avatar1.png" class="" alt="头像"></div>
                            <div class="media-body">
                                <div class="userName"></div>
                                <div class="app-star">
                                    <stars ng-init="value=item.star" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                </div>
                                <div class="comment">{{item.comment}}</div>
                                <div class="right">
                                    {{item.inputDate | date:'yyyy-MM-dd HH:mm:ss'}}
                                </div>
                            </div>
                        </div>
                        <div class="media" ng-repeat="item in CommentList | filter:{star:1}">
                            <div class="media-left"><img src="src/imgs/user/avatar1.png" class="" alt="头像"></div>
                            <div class="media-body">
                                <div class="userName"></div>
                                <div class="app-star">
                                    <stars ng-init="value=item.star" rating-value="value" max="max" on-hover="onHover" on-leave="onLeave" readonly='false'></stars>
                                </div>
                                <div class="comment">{{item.comment}}</div>
                                <div class="right">
                                    {{item.inputDate | date:'yyyy-MM-dd HH:mm:ss'}}
                                </div>
                            </div>
                        </div>
                    </tab>
                </tabset>
            </div>
        </div>
    </div>
</div>